<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="/template/template.xhtml">
	<ui:define name="cuerpo">
		<p:panel header="#{m.mnt_opcion_titulo}" id="pnlOpciones">
			<h:form id="frmMntOpciones">

				<p:growl id="growl" showDetail="true" severity="info,fatal" />

				<p:panel header="Criterios de Búsqueda">
					<h:outputText value="#{opcionController.iniciarOpciones}" />
					<h:panelGrid columns="2">
						<h:outputText value="#{m.mnt_opcion_lbl_nombre}"
							styleClass="color-letra-azul" />
						<h:inputText id="txtNombre" size="100" disabled="true"
							value="#{opcionController.sistemaBean.nombre}" />
					</h:panelGrid>
					<h:panelGrid columns="8">
						<h:outputText value="#{m.mnt_opcion_lbl_nombre_corto}"
							styleClass="color-letra-azul" />
						<h:inputText id="txtNombreCorto" maxlength="10"
							value="#{opcionController.opcionFiltroBean.nombreCorto}" />
						<h:outputText value="#{m.mnt_opcion_lbl_nombre_largo}"
							styleClass="color-letra-azul" />
						<h:inputText id="txtNombreLargo" maxlength="50"
							value="#{opcionController.opcionFiltroBean.nombreLargo}" />
						<h:outputText value="#{m.mnt_opcion_lbl_estado}"
							styleClass="color-letra-azul" />
						<h:selectOneMenu id="cboEstado"
							value="#{opcionController.opcionFiltroBean.estado}">
							<f:selectItem itemLabel="Seleccione" itemValue="" />
							<f:selectItem itemLabel="#{m.mnt_opcion_activo}"
								itemValue="#{opcionController.valorActivo}" />
							<f:selectItem itemLabel="#{m.mnt_opcion_inactivo}"
								itemValue="#{opcionController.valorInactivo}" />
						</h:selectOneMenu>
						<p:commandButton id="btnBuscar" value="" styleClass="btnBuscar"
							actionListener="#{opcionController.buscar}"
							update=":frmMntOpciones:dtOpciones" />

					</h:panelGrid>
				</p:panel>

				<p:spacer height="10" />

				<p:panel header="Resultado de Búsqueda">
					<p:commandButton id="btnNuevo" value="" styleClass="btnNuevo"
						actionListener="#{opcionController.limpiar}"
						update=":frmRegOpcion,:frmRegOpcion:dlgOpcion" />

					<p:dataTable var="opcion" paginator="true" rows="10"
						paginatorTemplate="#{m.general_paginador_template}"
						paginatorPosition="#{m.general_paginador_posicion}"
						emptyMessage="#{m.mnt_opcion_datatable_vacio}"
						value="#{opcionController.lstOpcionBean}" id="dtOpciones">
						<p:column headerText="#{m.mnt_opcion_datatable_id}">
							<h:outputText value="#{opcion.idOpcion}" />
						</p:column>
						<p:column headerText="#{m.mnt_opcion_datatable_nombre_corto}">
							<h:outputText value="#{opcion.nombreCorto}" />
						</p:column>
						<p:column headerText="#{m.mnt_opcion_datatable_nombre_largo}">
							<h:outputText value="#{opcion.nombreLargo}" />
						</p:column>
						<p:column headerText="#{m.mnt_opcion_datatable_descripcion}">
							<h:outputText value="#{opcion.descripcion}" />
						</p:column>
						<p:column headerText="#{m.mnt_opcion_datatable_tipo_opcion}">
							<h:outputText value="#{opcion.descTipoOpcion}" />
						</p:column>
						<p:column headerText="#{m.mnt_opcion_datatable_estado}">
							<h:outputText value="#{opcion.descEstado}" />
						</p:column>
						<p:column headerText="#{m.mnt_opcion_datatable_accion_editar}"
							styleClass="columna-accion">
							<p:commandButton value="" id="ed" styleClass="icono-modificar"
								action="#{opcionController.editar}"
								update=":frmRegOpcion:pnlRegOpcion,:frmRegOpcion:dlgOpcion">
								<f:setPropertyActionListener
									target="#{opcionController.opcionBean}" value="#{opcion}"
									for="ed">
								</f:setPropertyActionListener>
							</p:commandButton>
							<p:tooltip for="ed" value="#{m.mnt_opcion_datatable_editar}"
								showEffect="fade" hideEffect="fade" />
						</p:column>
						<p:column headerText="#{m.mnt_opcion_datatable_accion_eliminar}"
							styleClass="columna-accion">

							<p:commandButton id="del" value="" styleClass="icono-eliminar"
								oncomplete="confirmation.show();">
								<f:setPropertyActionListener
									target="#{opcionController.opcionBean}" value="#{opcion}"
									for="del">
								</f:setPropertyActionListener>
							</p:commandButton>
							<p:tooltip for="del" value="#{m.mnt_opcion_datatable_eliminar}"
								showEffect="fade" hideEffect="fade" />
						</p:column>
					</p:dataTable>
				</p:panel>

				<p:commandButton id="btnRegresar" value="" styleClass="btnVolver"
					action="#{opcionController.regresar}" />
			</h:form>
			<h:form id="frmRegOpcion">
				<p:outputPanel id="outRegOpcion">
					<p:dialog header="#{m.opcion_titulo}" id="dlgOpcion" modal="true"
						resizable="false" visible="#{opcionController.visibleDlg}" styleClass="modalPrueba" 
						closable="false">
						<p:panel>
							<h:panelGrid id="pnlRegOpcion" columns="4">

								<h:outputText value="#{m.opcion_lbl_id}"
									styleClass="color-letra-azul" />
								<h:inputText id="txtIdDlg" disabled="true"
									value="#{opcionController.opcionBean.idOpcion}" />
								<h:outputText value="" />
								<h:outputText value="" />

								<h:outputText value="#{m.opcion_lbl_nombre_corto}"
									styleClass="color-letra-azul" />
								<h:inputText id="txtNombreCortoDlg" maxlength="10"
									required="true" requiredMessage="#{m.opcion_msg_nombre_corto}"
									value="#{opcionController.opcionBean.nombreCorto}" />
								<h:outputText value="#{m.opcion_obligatorio}"
									styleClass="obligatorioOpcion" />
								<p:message id="msgNombreCorto" for="txtNombreCortoDlg"
									display="text" />

								<h:outputText value="#{m.opcion_lbl_estado}"
									styleClass="color-letra-azul" />
								<h:selectOneMenu id="cboEstadoDlg"
									value="#{opcionController.opcionBean.estado}">
									<f:selectItem itemLabel="#{m.mnt_opcion_activo}"
										itemValue="#{opcionController.valorActivo}" />
									<f:selectItem itemLabel="#{m.mnt_opcion_inactivo}"
										itemValue="#{opcionController.valorInactivo}" />
								</h:selectOneMenu>
								<h:outputText value="" />
								<h:outputText value="" />

								<h:outputText value="#{m.opcion_lbl_nombre_largo}"
									styleClass="color-letra-azul" />
								<h:inputText id="txtNombreLargoDlg" maxlength="20"
									required="true" requiredMessage="#{m.opcion_msg_nombre_largo}"
									value="#{opcionController.opcionBean.nombreLargo}" />
								<h:outputText value="#{m.opcion_obligatorio}"
									styleClass="obligatorioOpcion" />
								<p:message id="msgNombreLargo" for="txtNombreLargoDlg"
									display="text" />

								<h:outputText value="#{m.opcion_lbl_descripcion}"
									styleClass="color-letra-azul" />
								<h:inputText id="txtDescripcionDlg" maxlength="100"
									required="true" requiredMessage="#{m.opcion_msg_descripcion}"
									value="#{opcionController.opcionBean.descripcion}" />
								<h:outputText value="#{m.opcion_obligatorio}"
									styleClass="obligatorioOpcion" />
								<p:message id="msgDescripcion" for="txtDescripcionDlg"
									display="text" />

								<h:outputText value="#{m.opcion_lbl_padre}"
									styleClass="color-letra-azul" />
								<h:selectOneMenu id="cboPadreDlg"
									value="#{opcionController.opcionBean.idOpcionPadre}">
									<f:selectItem itemLabel="Seleccione" itemValue="-1" />
									<f:selectItems value="#{opcionController.lstOpcionPadre}"
										var="lstOpcionPadre" />
								</h:selectOneMenu>
								<h:outputText value="" />
								<h:outputText value="" />

								<h:outputText value="#{m.opcion_lbl_tipo}"
									styleClass="color-letra-azul" />
								<h:selectOneMenu id="cboTipoDlg"
									value="#{opcionController.opcionBean.tipoOpcion}">
									<f:selectItem itemLabel="#{m.opcion_cbo_tipo_menu}"
										itemValue="#{opcionController.valorMenu}" />
									<f:selectItem itemLabel="#{m.opcion_cbo_tipo_opc}"
										itemValue="#{opcionController.valorOpcion}" />
								</h:selectOneMenu>
								<h:outputText value="" />
								<h:outputText value="" />

								<h:outputText value="#{m.opcion_lbl_orden}"
									styleClass="color-letra-azul" />
								<h:selectOneMenu id="cboOrdenDlg"
									value="#{opcionController.opcionBean.orden}">
									<f:selectItem itemLabel="Seleccione" itemValue="-1" />
									<f:selectItems value="#{opcionController.lstOrden}"
										var="lstOrden" />
								</h:selectOneMenu>
								<h:outputText value="" />
								<h:outputText value="" />

								<h:outputText value="#{m.opcion_lbl_url}"
									styleClass="color-letra-azul" />
								<h:inputText id="txtUrlDlg" maxlength="500"
									value="#{opcionController.opcionBean.url}" />
								<h:outputText value="" />
								<h:outputText value="" />
							</h:panelGrid>
						</p:panel>
						<div style="text-align: right">
							<p:commandButton id="btnGuardar" value="" styleClass="btnGuardar"
								actionListener="#{opcionController.guardar}"
								action="#{opcionController.buscar}"
								update="frmRegOpcion:outRegOpcion,:frmMntOpciones:dtOpciones,:frmMntOpciones:growl" />
							<p:commandButton id="btnCancelar" value=""
								styleClass="btnRegresar" action="#{opcionController.cancelar}"
								process="@this" update="frmRegOpcion:outRegOpcion" />
						</div>
					</p:dialog>
				</p:outputPanel>
			</h:form>
			<p:confirmDialog id="confirmDialog"
				message="#{m.mnt_opcion_dlg_titulo}" header="Confirmación"
				severity="alert" widgetVar="confirmation">

				<h:form id="frmRegConfirmDialog">
					<center>
						<p:commandButton id="confirm" value="" styleClass="btnAceptar"
							ajax="true"
							update=":frmMntOpciones:dtOpciones,:frmMntOpciones:growl"
							actionListener="#{opcionController.eliminar}"
							oncomplete="confirmation.hide();">
						</p:commandButton>
						<p:commandButton id="decline" value="" styleClass="btnRegresar"
							onclick="confirmation.hide()" type="button" />
					</center>
				</h:form>
			</p:confirmDialog>
		</p:panel>
	</ui:define>
</ui:composition>
</html>
